<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ʟᴏɢᴊs</title>
    <meta name="title" content="log.js">
    <meta name="keywords" content="One line code solution front-end log.">
    <meta name="description" content="One line code solution front-end log. Web Log collection. React, Vue, Jquery">
    <link rel="stylesheet" href="./index.css">
    <link rel="icon" href="./images/logo.png">
    <link rel="stylesheet" href="./bootstrap.min.css">
    <script src="./bootstrap.min.js"></script>
    <script src="https://logjs.site/version/2.0.1/log.min.js" onload="log.init({ sendAddress: 'https://logjs.site/log-war/log', id: 'logjs-website' })"></script>
    <style>
        /*body{*/
        /*    filter: grayscale(1);*/
        /*}*/
        .division{
            display: inline-block;
            margin: 13px 3px;
            height: 20px;
            border: 1px solid #595959;
        }
        body{
            background-color: rgba(33,37,41);
        }
    </style>
</head>
<body>

<!--<div class="alert alert-warning alert-dismissible fade show" role="alert" style="margin-bottom: 0">-->
<!--    <strong>chatGPT聊天目前需要token才可以继续</strong> 需要体验请在 <a href="https://gitee.com/clark-fl/log.js/issues/new?issue%5Bassignee_id%5D=0&issue%5Bmilestone_id%5D=0">issues</a> 处提问-->
<!--    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>-->
<!--</div>-->

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container-fluid">
        <img src="https://logjs.site/images/logo.png" alt="" style="width: 25px; margin: 0 10px;">
        <a class="navbar-brand" href="https://logjs.site/">
            LOGJS
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" disabled>首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="https://logjs.site/quickStart.html">快速开始</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="https://logjs.site/version/2.0.1/debugTool.html">调试工具</a>
                </li>
            </ul>

            <form class="d-flex" role="search">
                <input class="form-control me-2" type="search" placeholder="通过chatGPT寻找答案" aria-label="Search" id="searchInput">
                <button class="btn btn-outline-success" type="submit" id="searchInputBtn">Search</button>
            </form>

            <ul class="navbar-nav mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="https://github.com/fanliang8023/log.js" target="_blank">
                        <svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true">
                            <path fill="white" fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
                        </svg>
                    </a>
                </li>
                <li class="division"></li>
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="https://gitee.com/clark-fl/log.js" target="_blank">
                        <img src="https://logjs.site/images/gitee-logo.png" alt="" style="width: 36px;">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="body">
    <div class="headText">
        现已发布
    </div>
    <div class="contentText">
        <img src="./images/logo.png" alt="">
        LOGJS <span class="versionNum">2.0</span>
    </div>
    <div class="footerText">
        一行代码解决前端日志
    </div>

    <div class="howUse">
            <div class="border">
                <span class="t1">&lt;script <span class="t2">src</span>="<span class="t3">https://logjs.site/version/2.0.1/log.min.js</span>"
                    <span class="t2">onload</span>="<span class="t3">log.init(<a href="https://logjs.site/chatGPT.html?q=-logjs">...</a>)</span>"&gt;</span><span class="t1">&lt;/script&gt;</span>

                <a onclick="copyText()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-back" viewBox="0 0 16 16">
                        <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z"/>
                    </svg>
                </a>
            </div>
    </div>

    <div class="container text-center" style="padding: 20vh 0">
        <div class="row">
            <div class="col">

            </div>
            <div class="col">
                <button type="button" class="btn btn-outline-primary" onclick="window.open('https://logjs.site/quickStart.html')" style="font-size: 20px">快速开始</button>
            </div>
            <div class="col">

            </div>
        </div>
    </div>

</div>

<div class="footer">
<p><a href="https://beian.miit.gov.cn/" target="_blank">辽ICP备2022002698号-1</a></p>
</div>

<script src="./index.js"></script>
<script>
    // document.getElementsByClassName('body')[0].style.height = (window.innerHeight - 60) + 'px';

    function copyText(text) {
        let textArea = document.createElement("textarea");
        textArea.value = text || '\<script src="https://logjs.site/version/2.0.1/log.min.js" onload="log.init(...)"\>\<\/script\>';
        document.body.appendChild(textArea);
        textArea.select();
        document.execCommand('copy');
        document.body.removeChild(textArea);
    }

</script>
</body>
</html>